<script lang="ts" setup>

const props = defineProps({
    type: {
        type: String,
        default: "primary"
    },
    size: {
        type: String,
        default: "medium"
    },
    color: {
        type: String,
        default: ""
    },
    show: {
        type: Boolean,
        default: true
    },
    plain: {
        type: Boolean,
        default: false
    },
    round: {
        type: Boolean,
        default: false
    },
    mark: {
        type: Boolean,
        default: false
    },
    closeable: {
        type: Boolean,
        default: false
    },
    textColor: {
        type: String,
        default: "white"
    },
    value: {
        type: String,
        default: "white"
    }
})
</script>
<template>
    <van-tag :type="props.type" :size="props.size" :color="props.color" :show="props.show" :plain="props.plain"
        :round="props.round" :mark="props.mark" :text-color="props.textColor"
        :closeable="props.closeable">{{ value }}</van-tag>
</template>
<style lang="scss" scoped></style>